@import "../../style/val.scss";
.code-message-content {
	.err-placeholder {
		::-webkit-input-placeholder {
			color: $color10;
		}
		::-moz-placeholder {
			color: $color10;
		} /* firefox 19+ */
		:-ms-input-placeholder {
			color: $color10;
		} /* ie */
		input:-moz-placeholder {
			color: $color10;
		}
	}
	::-webkit-input-placeholder {
		color: $color3;
	}
	::-moz-placeholder {
		color: $color3;
	} /* firefox 19+ */
	:-ms-input-placeholder {
		color: $color3;
	} /* ie */
	input:-moz-placeholder {
		color: $color3;
	}
	.dialog-code-message-content {
		width: 100%;
		text-align: center;
		margin-top: 0.4rem;
		input {
			text-indent: 0.13rem;
			width: 2.5rem;
			height: 0.67rem;
			background: #f5f5f5;
			font-size: $fontSize28;
			font-family: $font-family;
		}
		.code-btn {
			width: 2.16rem;
			height: 0.67rem;
			line-height: 0.67rem;
			background: $color8;
			font-size: 0.28rem;
			font-family: $font-family;
			margin-left: 0.1rem;
			border: 1px solid $color3;
			text-align: center;
			color: $color3;
		}
		.seconds {
			color: $color4;
		}
		.err-value {
			color: $color10 !important;
		}
	}
	.form-code-content {
		.input-fa {
			//border-bottom:1px solid $color5;
			height: 1rem;
			display: flex;
			align-items: center;
			position: relative;
			box-sizing: border-box;
			.label {
				color: $color2;
				font-size: $fontSize28;
				font-family: $font-family;
				width: 1.7rem;
				display: inline-block;
			}
			input {
				border: none;
				font-size: $fontSize28;
				font-family: $font-family;
				flex: 1;
			}
			.code-btn {
				width: 1.95rem;
				border-left: 1px solid $color3;
				line-height: 0.4rem;
				font-size: 0.3rem;
				color: $color2;
				text-align: center;
				background: $color8;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -0.2rem;
			}
			.seconds {
				color: $color4;
			}
			.err-value {
				color: $color10 !important;
			}
		}
	}
}
